﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
width:1000,960
----------------------------------------------------------*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
 :focus {outline: 0}
body {line-height: 1; color: black; background: white}
ol, ul {list-style: none}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
 body {font-family: Helvetica,Arial,sans-serif; font-size: 12px; color: #333}
 h1,h2,h3,h4,h5,h6 {font-family: "微软雅黑","宋体","Lucida Grande",Helvetica,Arial,sans-serif; font-weight: normal; color: #000}
 h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em}
h2 {font-size: 30px; line-height: 57px}
h3 {font-size: 22px; line-height: 47px}
h4 {font-size: 18px; line-height: 34px}
h5 {font-size: 14px; line-height: 24px; font-weight: bold}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0}
 p {line-height: 140%; margin: 0 0 1.5em}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em}
a:hover {text-decoration: underline}
a {color: #007cbd; text-decoration: none}
 blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
del {color:#666}
pre {margin: 1.5em 0; white-space: pre}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
hr {clear: both; margin: 30px 3%; height: 1px; background: transparent; border:0; border-top: solid 2px #e6e6e6}
hr.lite {margin: 10px 3%; border-top: solid 1px #e6e6e6}
hr.top-seperator {margin: 0 0 10px 0; border-top: 2px solid #CECECE }
 li ul, li ol {margin: 0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul li {line-height: 120%; margin: 0 0 .5em 0}
ul {list-style-type: square}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
 table {margin-bottom: 1.4em; width:100%}
th {font-weight: bold}
thead th {background: #c3d9ff}
th,td,caption {padding: 4px 10px 4px 5px}
tr.even td {background: #e5ecf9}
tfoot {font-style: italic}
caption {background: #eee}
 .small, small {font-size: .8em}
.large {font-size: 1.1em; line-height: 175%}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.help {color: #666; font-style: italic}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.float-container {overflow: auto}
 .clear {clear: both}
.float-left {float: left}
.float-right {float: right}
.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align: center}
 hr.clearer {height: 0; border: 0; clear: both;}
 .alert {position: fixed; z-index: 9000; top: 0; left: 0; margin: 0 auto 0 auto; width: 100%; text-align: center; border-bottom: solid 3px; opacity: .95; -moz-opacity: .95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95)}
* html .alert {position: absolute;  }
.alert p {margin-bottom: 0; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100)}
#notice {background-color: #dfd; border-color: #9fb69e}
#notice p {color: #111}
 #error {background-color: #fcc; border-color: #be9a99}
#error p, .errorExplanation {color: #111}
 .alert p, .errorExplanation {width: auto; padding: 15px; font-size: 16px;  }
em.large {display: block; margin: 0px 20px 20px 20px; padding: 5px 10px; font-size: 24px; font-family: "Trebuchet MS",Verdana,sans-serif;  font-weight: bold; color: #333; background: url(images/public_site/bg-light-cross-hatch.png); border: solid 1px #dcdcdc; border-width: 1px 0 1px 0}
.tip {margin: 6px 0; padding: 5px; font-size: 10px; line-height: 14px; border: 1px solid #ccc; background: #fcfecc}
    .icon {display: inline-block; zoom: 1; *display: inline; margin: .5em 1em; padding: 3px 0 0 20px; line-height: 16px; vertical-align: middle; background: no-repeat left center}
a.icon {font-weight: bold; color: #475b72}
a.icon:hover {color: #475b72; text-decoration: underline}
.images {background-image: url(images/icons/images.png)}
.tools {background-image: url(images/icons/wrench_orange.png)}
.video {background-image: url(images/icons/film.png)}
.phone {background-image: url(images/icons/phone.png)}
.lock {background-image: url(images/icons/lock.png); _background-image: url(images/icons/lock.gif)}
.twitter {background-image: url(images/favicon_twitter.png)}
.facebook {background-image: url(images/favicon_facebook.png)}
.logo {background-image: url(images/icons/favicon.png)}
.question {background-image: url(images/icons/help.png)}
.lightbulb {background-image: url(images/icons/lightbulb.png)}
.legal {background-image: url(images/icons/page_white_stack.png)}
.newspaper {background-image: url(images/icons/newspaper.png)}
.map {background-image: url(images/icons/map.png)}
 ul.file-list {list-style: none}
ul.file-list li {padding-bottom: 3px}
a.file {padding: 3px 0 3px 23px; line-height: 16px; background: url(images/file_types.gif) 0 0 no-repeat}
a.txt {background-position:0 -40px}
a.docx, a.doc {background-position:0 -80px}
a.pptx, a.ppt {background-position:0 -120px}
a.xlsx, a.xls {background-position:0 -160px}
a.pdf {background-position:0 -200px}
a.fla, a.as, a.swf {background-position:0 -240px}
a.fh {background-position:0 -280px}
a.psd {background-position:0 -320px}
a.htm, a.html {background-position:0 -360px}
a.zip, a.tar, a.rar {background-position:0 -400px}
a.mp3, a.wav, a.ogg {background-position:0 -440px}
a.avi, a.mp4, a.mov {background-position:0 -480px}
.large-action-btn-arrow-left, .large-action-btn-arrow-left span {background-image:url("/images/buttons/large_action_btn_arrow_left.gif"); font-weight:bold; height:31px; line-height:31px}
.large-action-btn-arrow-left span {margin-right:12px; padding-left:20px}
.back-to-network-btn {margin:0 auto; padding: 20px 0 0 0 !important; width:1000px; text-align: left}
.back-to-network-btn a {color: #FFFFFF}
 form input {margin-left: 0; margin-top: 0; padding-right: 20px; width: 200px; }
form select {height: 20px}
form label.primary {display: block; font-size: 1.35em; font-weight: bold}
form input.primary {width: 320px; border: solid 1px #ccc; border-color: #999 #eee #eee #999; padding: 3px 0px 0px 0px;  font-size: 1.9em}
form input.checkbox, form input.radio {width: 13px !important; height: 13px !important; margin: 2px 0 1px 0}
form input.submit {display: block; margin: 18px 0 0 140px}
form.no-style input.submit {display: block; margin: 18px 0 0 140px}
form input.button {display: inline}
form input.short, form select.short {width: 3em}
form input.medium, form select.medium {width: 10em}
form em.note {line-height: 12px; font-size: 11px; color: #666}
fieldset legend {display: none}
form p {clear: both; overflow: hidden; padding-left: 10px}
form p label {display: block; font-weight: bold}
form p label.checkbox-label {display: inline-block; margin-left: 5px; margin-top: 1px;   font-weight: normal}
form p input {display: block; float: left}
form p span.file-input-wrapper {display: block}
form p .file-input {float: none; border: inherit; width: inherit; padding: inherit}
input[type=text], input[type=password], select {border: solid 1px #b3b7ba;  }
input[type=text], input[type=password] {height: 14px; padding: 4px 20px 4px 2px}
select {height: 22px}
.field-with-errors input {border-color: solid 1px red}
input.checkbox {border: none}
input#remember_me {padding-right: 5px}
form p a {float: left; margin-left: 5px; line-height: 27px; vertical-align: text-bottom}
form p a.inline {float: none; margin: 0; line-height: 140%; vertical-align: inherit}
form p span.instructions {display: block; float: left; clear: left; padding-top: 10px; width: 275px; color: #666; font-style: italic}
 input.valid {background: url(images/icons/accept.png) no-repeat center right}
input.invalid {background: url(images/icons/cancel.png) no-repeat center right}
span.validation-error {margin-left: 5px; font-weight: normal; color: red}
 div.action-buttons {clear: both; line-height: 30px}
.btn {display: -moz-inline-stack;  display: inline-block; overflow: hidden; background-position: right top; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; zoom: 1}
.btn span {position: relative; display: block; _display: inline; overflow: hidden;     background-position: 0 -45px; background-repeat: no-repeat; vertical-align: baseline; white-space: nowrap; zoom: 1}
.btn span img {position: relative; float: left; padding: 5px 5px 0 0; vertical-align: middle; background: none}
 .btn input {position: absolute; top: 0; width: 1000px; height: 1000px; font-size: 100px; padding: 100px; background: white; left: 0px; top: -100px; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0}
.btn:hover, .btn-hover {background-position: right -90px; text-decoration: none;}
.btn:hover span, .btn-hover span {background-position: 0 -135px}
.btn:active, .btn-active {background-position: right -180px; text-decoration: none;}
.btn:active span, .btn-active span {background-position: 0 -225px}
.btn-disabled, .btn-disabled:hover, .btn-disabled:active {background-position: right -270px; text-decoration: none; cursor: default; font-style: italic;}
.btn-disabled span, .btn-disabled:hover span, .btn-disabled:active span {background-position: 0 -315px}
.btn-disabled img {margin-top: -45px}
.btn-disabled input {display: none}
.giant-action-btn {background-image: url(images/buttons/giant_action_btn.gif); font-weight: bold}
.giant-action-btn-green {background-image: url(images/buttons/giant_action_btn_green.gif); font-weight: bold; height: 44px}
.giant-action-btn-green span, .giant-action-btn span {margin-right: 10px; padding-left: 10px; height: 44px; line-height: 44px; background-image: url(images/buttons/giant_action_btn.gif); color: #fff; font-size: 16px}
.giant-action-btn-green span {background-image: url(images/buttons/giant_action_btn_green.gif)}
.giant-action-btn em {font-style: normal}
.signup-btn {background-image: url(images/buttons/signup_btn.gif); font-weight: bold}
.signup-btn span {margin-right: 10px; padding-left: 10px; height: 31px; line-height: 31px; background-image: url(images/buttons/signup_btn.gif); color: #fff; font-size: 14px}
.large-action-btn {background-image: url(images/buttons/large_action_btn.gif); font-weight: bold}
.large-action-btn span {margin-right: 10px; padding-left: 10px; background-image: url(images/buttons/large_action_btn.gif); height: 31px; line-height: 31px; color: #fff; font-size: 12px}
.large-action-btn em {font-style: normal}
.large-alt-btn {background-image: url(images/buttons/large_alt_btn.gif); font-weight: bold}
.large-alt-btn span {margin-right: 10px; padding-left: 10px; height: 31px; line-height: 31px; background-image: url(images/buttons/large_alt_btn.gif); color: #fff; font-size: 12px}
.large-alt-btn em {font-style: normal}
.small-action-button {background-image: url(images/buttons/small_action_btn.gif); font-weight: bold}
.small-action-button span {padding-left: 10px; margin-right: 10px; height: 23px; line-height:23px; background-image: url(images/buttons/small_action_btn.gif); color: #fff; font-size: 11px}
.small-alt-button {background-image: url(images/buttons/small_alt_btn.gif); font-weight: bold}
.small-alt-button span {margin-right: 10px; padding-left: 10px; height: 23px; line-height: 23px; background-image: url(images/buttons/small_alt_btn.gif); color: #5d5d5d; font-size: 11px}
.tiny-btn {background-image: url(images/buttons/tiny_btn.gif); color: #666; font-weight: normal; font-size: 11px}
.tiny-btn span {height: 20px; line-height: 20px; background-image: url(images/buttons/tiny_btn.gif)}
span.action-seperator {padding: 0 5px}
 html, body {height: 100%;}
body {text-align: center; background: #e6e6e6}
.signup-layout {margin-top: 20px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px}
#header-wrapper {min-height: 33px; _height: 33px; background: url(images/topten_bkgd.png) repeat-x top left}
#topten-header {position: relative; width: 1000px; height: 33px; line-height: 33px; margin: 0 auto}
#topten-header #logo {display: block; float: left; margin: 4px 0 0 0; height: 24px}
ul#public-nav {float: right; margin: 2px 0 -2px 0}
ul#public-nav li {border: none}
#public-nav a {color: #fff; font-weight: bold}
div.content-wrapper {position: relative; width: 960px; margin: 20px auto 0 auto; padding: 20px; border: solid 1px #ccc; text-align: left;  background-color: #fff; -moz-border-radius: 9px; -webkit-border-radius: 9px}
.content-wrapper h2 {line-height: 30px; margin-bottom: 20px}
ul#sales-button {position: absolute; right: 45px; top: 20px; list-style: none; margin-right: 0px; z-index: 15}
ul#sales-button li {float:right}
hr.top-seperator {clear: both}
 ul#secondary-nav {overflow: auto; clear: both; margin-bottom: 20px; padding-top: 0; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-weight: bold; color: #333}
ul#secondary-nav li {display: block; float: left; line-height: 28px; padding:0; background-color: #EDF4FF; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;  }
ul#secondary-nav li:hover {background-color: #E0ECFF}
ul#secondary-nav li a {display: block; color: #007CBD; line-height: 28px; padding: 0 15px}
ul#secondary-nav li.selected {background-color: #fff; padding: 0 15px;  }
h3 {clear: both}
#footer {margin: 0 auto 25px auto; width: 1000px; overflow: hidden}
#footer ul li, #footer ul li a {line-height: 100%; color: #999}
#footer #footer-nav-wrapper {overflow: hidden; float: right}
#footer #footer-nav {float: right; height: auto; margin-top: 17px !important}
#footer #footer-nav, #footer #copyright-menu {margin: 18px 0 14px 0}
#footer li {border: none}
#footer #copyright-menu {float: left}
div#hidden-lightboxes {display: none}
 div.content h4 {line-height: 1em; margin-bottom: .75em}
div.content img {padding: 10px}
div.content img.float-left {padding-top: 0; padding-left: 0}
div.content img.float-right {padding-top: 0; padding-right: 0}
   div.section-index {overflow: hidden; clear: both;  }
div.section-index div.featured-content {overflow: hidden; padding: 0 10px}
div.section-index div.featured-content h3, div.section-index div.featured-content p {float: left; clear: left}
div.section-index div.featured-content img {margin: 10px 0 0 0; display:block}
div.section-index div.featured-content div.left-column {float: left; width: 500px; zoom: 1}
div.section-index div.featured-content div.left-column ul.features {clear: both; margin: 0; list-style: none}
div.section-index div.featured-content div.left-column ul.features li {overflow: hidden; clear: both}
div.section-index div.featured-content div.left-column ul.features div.image-wrapper {float: left; width: 70px}
div.section-index div.featured-content div.left-column ul.features div.image-wrapper img {width: 70px}
div.section-index div.featured-content div.left-column ul.features div.feature {float: left; margin-left: 20px; width: 260px !important; _width: 240px}
div.section-index div.featured-content div.left-column ul.features div.feature p, div.section-index div.featured-content div.left-column ul.features div.feature h4 {width: auto}
div.section-index div.featured-content div.left-column ul.features h4 {font-size: 16px}
div.section-index div.featured-content div.right-column {float: right; padding-left: 20px; width: 210px}
div.section-index div.featured-content div.right-column div.box {margin-top: 9px; border: solid 1px #c9c8c7;  background-color: #fafafa}
div.section-index div.featured-content div.right-column div.box h4 {padding: 0 10px; border-bottom: solid 1px #e1e1e0; color: #666; background: url(images/public_site/box-header-bg.png); font-size: 13px; line-height: 23px; font-weight: bold}
div.section-index div.featured-content div.right-column ul {list-style: none; margin: 10px}
div.section-index div.featured-content div.right-column li { display: block; overflow: hidden;  margin-bottom: 10px}
div.section-index div.featured-content div.right-column li div.image-wrapper {float: left; width: 30px; margin: 0}
div.section-index div.featured-content div.right-column li img {float: none; margin: 0; width: 30px}
div.section-index div.featured-content div.right-column li p {float: right; clear: none; margin: 0 0 0 0; width: 200px}
div.section-index div.content {float: left; margin-left: 60px; padding: 0 0 0 10px; width: 230px; width: _220px}
div.section-index div.content.first {clear: both; margin-left: 0}
div.section-index div.content p {margin-bottom: 7px}
div.section-index div.content img {float: right; padding: 6px; padding-top: 0; width: 70px}
 div.single-column {clear: both; overflow: hidden;  }
div.single-column div.content {overflow: hidden; width: auto; padding: 0}
 div.two-column {clear: both; overflow: hidden;  }
div.two-column-seperators {background: url(images/public_site/two-column-bg.png) repeat-y top left}
div.two-column div.content {overflow: hidden; float: left; margin-left: 80px; padding: 0 0 0 10px; width: 315px; width: _275px}
div.two-column div.content img {width: auto}
div.two-column div.content.first {clear: both; margin-left: 0px}
 div.three-column {overflow: auto; clear: both; margin: 10px 0 0 0}
div.three-column-seperators {background: url(images/public_site/three-column-bg.png) repeat-y top left}
div.three-column div.content {overflow: hidden; float: left; margin-left: 60px; padding: 0 0 0 10px; width: 200px; width: _190px}
div.three-column div.content img {float: right}
div.three-column div.content.first {clear: both; margin-left: 0}
 div.action-buttons {margin: 10px}
 div.modal-content {}
div.modal-content form div.field {}
 #signup-wrapper {width: 355px; margin: 0 auto}
#signup-wrapper input.tall {height: 18px; padding-top: 7px; width: 265px; margin: 5px 0}
#signup-wrapper img {margin-right: 5px; vertical-align: bottom}
#signup-wrapper p {margin-top: 5px; color: #444}
#signup-wrapper .private {line-height: 12px}
@media screen and (-webkit-min-device-pixel-ratio:0){ #signup-wrapper {width: 361px; margin: 0 auto}
#signup-wrapper .large-action-btn {margin-bottom: 4px}
}
.custom-notice {width: 730px; margin: 0 auto 20px auto; background-color: #FAFAD2; border: 1px solid #dbdb6c; padding: 10px; text-align: center; -moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px}
  ul.horz-menu {margin: 0; list-style: none}
ul.horz-menu li {display: inline; margin-bottom: 0; padding: 0 1em; border-left: solid 1px}
ul.horz-menu li.first {border-left: none}
 ul.navigation {list-style: none}
 div.content.first {clear: both; margin-left: 0}
li.phone-number {font-weight: normal; font-size: 10px}
  .in_reply_to_tip {z-index: 3; left: 0px; padding: 10px 10px 25px 10px; width: 220px; border-top: solid 1px #e7e7d6; background: url('/images/in_reply_to_tip.gif') no-repeat bottom center}
.tool_tip, .feedback {padding: 3px 5px 7px 15px; border-right: solid 1px #79795c; background: url('/images/tool_tip.gif') no-repeat 0 0}
 .tooltip2 {position: absolute; display: none; z-index: 10000; padding-bottom: 11px; max-width: 200px; _width: 200px; text-align: left; line-height: 1.5em; background: url(images/tooltip-pointer-down.gif) no-repeat bottom center}
.tooltip2 div {padding: 10px; color: #fff; background: #000; -moz-border-radius: 4px; -webkit-border-radius: 4px}
.tooltip2 div div {padding: 0}
 div.tabs {margin-bottom: 10px; border-bottom: solid 1px #ccc}
div.tabs ul {overflow: auto; margin-bottom: -1px; padding: 20px 15px 0 15px; list-style: none; color: #000}
div.tabs li {display: block; float: left; margin-right: 3px; margin-bottom: 0; padding: 0 8px; line-height: 23px; border: solid 1px #ccc; background-color: #ddd}
div.tabs li.selected {border-bottom-color: #fff; background-color:#fff; font-weight: bold}
div.tabs li a {color: #000}
 div.floating-box {position: absolute; z-index: 5}
div.floating-box div.shadow-top-left, div.floating-box div.shadow-top-right, div.floating-box div.shadow-bottom-left, div.floating-box div.shadow-bottom-right {background-image: url(images/shadow-corners.png); _background-image: none; background-repeat: no-repeat; background-position: -1px -1px; position: absolute; top: 0; left: 0; height: 12px; width: 12px}
div.floating-box div.shadow-top-right {background-position: -14px -1px}
div.floating-box div.shadow-bottom-left {background-position: -1px -14px}
div.floating-box div.shadow-bottom-right {background-position: -14px -14px}
div.floating-box div.content {padding: 16px; overflow: hidden; border: solid 1px #666; background: #f4f4f4 repeat-x scroll left top; position: relative; top: 0; left: 21px}
div.floating-box div.content {width: 180px}
div.floating-box div.content hr {background-color: #ddd; color: #ddd; height: 1px; margin: 5px 0 10px 0}
div.floating-box div.shadow-v-right, div.floating-box div.shadow-v-left {background-image: url(images/shadow-1px-left.png); _background-image: none; background-repeat: repeat-y; position: absolute; top: 0; left: 0; height: auto; width: 12px}
div.floating-box div.shadow-v-right {background-image: url(images/shadow-1px-right.png); _background-image: none}
div.floating-box div.shadow-h {background-image: url(images/shadow-1px-bottom.png); _background-image: none; background-repeat: repeat-x; position: absolute; bottom: -12px; left: 0; height: 12px}
div.floating-box div.pointer {background-image: url(images/pointer.png?2); _background-image: url(images/pointer.gif?2); background-repeat: no-repeat; background-position: -1px -1px; position: absolute; height: 21px; width: 21px; z-index: 300}
div.floating-box div.pointer {background-position: -1px -45px; top: 90%}
  div.floating-box div.shadow-h {width: 202px}
div.floating-box div.content {top: 21px; left: 20px}
div.floating-box div.shadow-top-left {top: 50px; left: 50px; width: 0; height: 0}
div.floating-box div.shadow-top-right {top: 21px; left: auto; right: -32px}
div.floating-box div.shadow-bottom-right {top: auto; left: auto; bottom: -32px; right: -32px}
div.floating-box div.shadow-bottom-left {top: auto; left: 20px; bottom: -32px}
div.floating-box div.shadow-h {left: 32px; bottom: -32px}
div.floating-box div.shadow-v-right {top: 33px; left: auto; bottom: -20px; right: -32px}
div.floating-box div.shadow-v-left {top: 50px; left: 50px; width: 0; height: 0}
 div.floating-box.validation-error div.content {padding: 4px 8px}
div.floating-box.validation-error div.shadow-h {width: 186px}
div.floating-box div.pointer {background-position: -1px -23px; top: 90%}
 a.flow-player {display: block; width: 472px; height: 486px; margin: 0 auto}
   div.multi-view-container {overflow: auto}
div.multi-view-container ul.multi-view-selector, ul.left-navigation {float: left; margin-left: 10px; width: 170px; list-style: none}
div.multi-view-container ul.multi-view-selector li, ul.left-navigation li {margin: 0 0 .5em 0}
 div.multi-view-container ul.multi-view-selector a, ul.left-navigation a {display: block; padding: 6px 10px; height: 14px; font-weight: bold; color: #475b72}
div.multi-view-container ul.multi-view-selector a:hover, div.multi-view-container ul.multi-view-selector li.selected a, ul.left-navigation a:hover, ul.left-navigation li.selected a {background: #475b72 url(images/public_site/multi-view-pointer.png) no-repeat top right; color: #fff}
div.multi-view-container div.multi-view {overflow: hidden; float: right; width: 600px; padding-right: 50px}
 #feature-table {border-collapse: collapse; margin: 0 auto; width: 750px}
#feature-table, #feature-table th, #feature-table td {text-align: center}
#feature-table td.feature-name {text-align: left; width: 210px}
#feature-table tr.category {border-bottom: 2px solid #aaa}
#feature-table tr.category td {text-align:left; background-color: #cccccc !important; padding-top: 10px; padding-bottom: 10px}
#feature-table thead, #feature-table thead tr, #feature-table thead th {height: 57px}
#feature-table th {padding: 0; vertical-align: middle; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 18px; background-color: #EFF5FF; border: 1px solid #BBD5FF}
#feature-table th em {display: block; margin-top: 5px; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 12px}
#feature-table th.empty {border: none; background-color: #fff}
#feature-table th.price {font-size: 12px; font-style: italic}
#feature-table th a.btn {display: block; font-size: 13px; text-decoration: none !important}
#feature-table th a.btn:hover {text-decoration: underline}
#feature-table tbody tr.alt td {background-color: #fafafa}
#feature-table td.feature-name {cursor: pointer}
#feature-table td.feature-name img {margin-left: 3px; padding: 0}
#feature-table tr.first td.feature-name {padding: 8px 10px 8px 5px; background: url(images/public_site/features-tbody-top-left.png) no-repeat top left}
#feature-table tr.first td.feature-value {background: url(images/public_site/grey-pixel.png) repeat-x top left}
#feature-table td.feature-name {background: url(images/public_site/grey-pixel.png) repeat-y top left}
#feature-table td {border-bottom: 1px solid #cecece}
#feature-table td.last {border-right: 1px solid #cecece}
#feature-table td.tick {padding: 5px}
#feature-table td.tick img {padding: 0}
.current_plan {display:none}
 div#contact-sales-form {overflow: hidden}
div#contact-sales-form p.intro {overflow: hidden}
div#contact-sales-form form {overflow: hidden}
div#contact-sales-form form p { clear: none; float: left; margin-left: 10px; margin-bottom: 15px; width: 295px}
div#contact-sales-form form p.wide {float: none; clear: both; width: auto; margin: 0 10px}
div#contact-sales-form form p label {display: block; width: 300px}
div#contact-sales-form form p.wide label {float: none; margin-left: 0}
div#contact-sales-form form p input, div#contact-sales-form form p select {display: block; float: none; width: 180px; margin-right: 10px}
div#contact-sales-form form p select {width: 200px}
div#contact-sales-form form p textarea {display: block; clear: both; margin: 0; min-height: 40px; width: 508px}
#contact-sales-form form p.col2 {width: 205px}
div#contact-sales-form div.action-buttons {clear: both}
     *{padding: 0; margin: 0;}
       #TB_overlay {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50}
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_window {position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 10px solid #525252; text-align:left; top:50%; left:50%}
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666}
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left}
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right}
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right}
#TB_closeAjaxWindow {}
#TB_ajaxWindowTitle{ float:left; padding:14px 0 7px 10px; margin-bottom:1px; font-size: 20px; font-weight: bold; color: #000}
#TB_title{ overflow: auto; background-color:#fff;  }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}
#TB_ajaxContent.TB_modal{ padding:15px}
#TB_ajaxContent p{ padding:5px 0px 5px 0px}
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px;  }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%}
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px}
  #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
 #cboxOverlay{background:url(images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxContent{background:#fff; border: 4px solid #fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:6px; left:0; text-align:center; width:100%; color:#333;}
#cboxCurrent{position:absolute; bottom:6px; left:58px; color:#333;}
#cboxSlideshow{position:absolute; bottom:5px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position: 0px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-50px -25px;}
    #start-wrapper {width: 740px; height: 354px; margin: 0 auto; padding: 20px 30px 30px 30px; border: solid 1px #ccc; border-top: none; text-align: left; background: #fff url(images/public_site/signup_page/signup-bg-blue.png) repeat-x top left; -moz-border-radius: 9px; -webkit-border-radius: 9px}
#start-wrapper .left-column {float: left; width: 56%}
#start-wrapper h2 {margin: 40px 0 20px 0; line-height: 1.3em; font-size: 25px; color: #fff; text-shadow: #1C3246 1px 1px 2px; letter-spacing: 1px}
#start-wrapper h3 {font-size: 18px}
#start-wrapper #new_user {margin: 0}
#signup-wrapper #new_user .large-action-btn {margin-top: -4px !important}
@media screen and (-webkit-min-device-pixel-ratio:0){ #signup-wrapper #new_user .large-action-btn {margin-top: 0px !important}
}
#start-wrapper .logos-horizontal {width: 520px}
#start-wrapper .right-column {float: right; width: 43%; height: 275px; margin: 10px 0 0 0; background: url(images/public_site/signup_page/artwork-feed.png) no-repeat}
#start-wrapper h4 {font-size: 16px; font-weight: bold}
#start-wrapper #input-wrapper {margin: 0 0 1em 0}
#start-wrapper input.primary {height: 24px; width: 270px; padding: 12px 5px; margin-right: 4px; font-size: 24px; border-color: #cecece; -moz-border-radius: 4px; -webkit-border-radius: 4px}
#start-wrapper input.image-submit {padding: 0; width: 84px; height: 51px; vertical-align: bottom}
#start-wrapper p.lock {text-indent: 5px; color: #fff; margin-left: 0 !important}
#start-wrapper #sub-section {_margin: -20px 0;  }
#start-wrapper #sub-section h3 {font-size: 18px}
#start-wrapper #sub-section .signup-logos {text-align: center}
#users-new #footer a.mobile-switcher {color: #b6b6b6 !important}
 div#about-applications div.left-column, div#about-applications div.right-column {float: left; width: 50%}
.app-list dl {clear: both}
.app-list dt {clear: both; display: block; float: left; margin-top: 10px; width: 100px}
.app-list dd {display: block; float: left; margin: 10px 0 20px 15px; width: 240px; zoom: 1}
#about-applications h4 {border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-top: 10px}
 div#screen-shots-container {padding: 0 10px}
div#screen-shots-container .screenshot img {width: 590px; padding: 3px; border: 2px solid #e6e6e6}
 #about-contact h6.icon span {font-size: 12px; font-weight: normal}
#about-contact h6.icon {display: block; margin-bottom: 40px}
 #about-customers .customer-testimonial {overflow: hidden; position: relative; border-bottom: 1px solid #cecece; margin-bottom: 10px; width: 100%}
#about-customers .customer-testimonial.last {border: none}
#about-customers .customer-testimonial .media {float: left; width: 30%; text-align: center}
#about-customers .customer-testimonial .media img {border: 1px solid #cecece; padding: 5px; margin: 15px 0 25px 0}
#about-customers .customer-testimonial .testimonial {float: right; width: 68%}
#about-customers .customer-testimonial .customer-logo {position: absolute; top: 5px; right: 20px}
#about-customers .customer-testimonial .customer-quote {margin-top: -8px}
 div#about-management hr.lite, div#about-board hr.lite {margin-top: 10px; margin-bottom: 20px}
div.bio {margin-bottom: 10px; min-height: 180px}
div.bio h4, div.bio h5, div.bio p {float: right; clear: right; margin-right: 10px; width: 600px}
div.bio h4 {margin-bottom: 0; line-height: 20px}
div.bio h5 {font-style: italic}
div.bio img {float: left; width: 100px; margin: -19px 7px 0 7px; padding: 2px; border: solid 2px #ccc}
 div#about-testimonials div.testimonial {position: relative}
div#about-testimonials div.testimonial div.image-wrapper {position: absolute; left: 0; top: 0; width: 200px; text-align: center}
div#about-testimonials div.testimonial img {padding: 2px; max-width: 200px; border: solid 2px #ccc}
div#about-testimonials div.testimonial h3, div#about-testimonials div.testimonial h4, div#about-testimonials div.testimonial p, div#about-testimonials div.testimonial ul {margin-left: 220px}
div#about-testimonials div.testimonial h3 {line-height: 20px; font-size: 18px}
div#about-testimonials div.testimonial h4 {font-size: 14px; font-style: italic}
 div#about-articles div.article, div#about-blogs div.article {position: relative}
div#about-articles div.article div.image-wrapper, div#about-blogs div.article div.image-wrapper {position: absolute; left: 0; top: 0; width: 200px; text-align: center}
div#about-articles div.article img, div#about-blogs div.article img {padding: 2px; max-width: 180px; border: solid 2px #ccc}
div#about-articles div.article h3, div#about-blogs div.article h3, div#about-articles div.article p, div#about-blogs div.article p {margin-left: 220px}
div#about-articles div.article h3, div#about-blogs div.article h3 {font-size: 18px; line-height: 20px; margin-bottom: .25em}
div#about-articles div.article p.learn-more, div#about-blogs div.article p.learn-more {font-size: 10px; font-weight: bold}
div#about-articles hr.lite, div#about-blogs hr.lite {margin-top: 10px; margin-bottom: 20px}
 div#signup-org_chart dl dd.employee div {margin: 10px 0}
div#about-customers div.featured-content {text-align: center}
div#about-customers div.featured-content h3 {width: auto; text-align: left}
div#about-customers div.featured-content img {float: none; width: auto}
div#about-customers div.featured-quote img {float: left; margin: 0 15px 15px 0; width: auto}
div#about-customers div.featured-quote p.large {font-size: 14px; margin-bottom:50px; margin-left: 180px}
div#about-customers div.lesser-quote {margin-bottom:550px}
div#about-customers div.lesser-quote p{ line-height: 100%; margin-bottom:1em; font-size:14px}
 div#about-case_studies div.multi-view {width: 550px; padding: 0}
div#about-case_studies div#case-studies-container {margin-top: 10px}
div#about-case_studies div#case-studies-container div.left-column {float: left; width: 340px}
div#about-case_studies div#case-studies-container div.right-column {float: right; width: 210px}
div#about-case_studies div#case-studies-container h3.title em.small {font-size: 16px}
div#about-case_studies div#case-studies-container p.quote {margin: 20px 10px; line-height: 16px; font-size: 14px; font-style: italic}
div#about-case_studies div#case-studies-container span.quote-by {font-size: 11px; font-weight: bold; font-style: italic}
div#about-case_studies div#case-studies-container dl.company-info {margin: 10px; padding: 4px; padding-left: 20px; width: 150px}
div#about-case_studies div#case-studies-container dl.company-info dd {margin-bottom: 8px}
div#about-case_studies div#case-studies-container a.pdf, div#about-case_studies div#case-studies-container a.source {display: block; clear: both; height: 16px; vertical-align: middle}
 div#signup-is_this_you img.thumbnail {float: left}
div#signup-is_this_you dl {display: block; float: left; margin-left: 15px}
div#about-tweets .content img {width: 48px; height: 48px; padding-top:0px; float:left}
div#about-tweets .content {border-bottom:1px dashed #D2DADA; font-size: 1.2em; padding-top:10px}
div#about-tweets .content .timestamp a {color: #999999; font-family:georgia; font-size:0.8em; font-style:italic}
div#about-tweets p.no_tweets {font-size:14px; padding:20px}
div#about-tweets .more {margin-top: 10px; text-align: center; font-size: 1.2em}
 div#guide-container {overflow: auto}
div#guide-container div#guide-menu {float: left; width: 170px}
div#guide-container div#guide {float: right; width: 600px}
div#guide-container div#guide img {margin: 10px}
 #about-pricing #feature-table {margin-bottom: 15px}
#about-pricing #feature-table td {font-weight: bold; font-size: 120%; padding: 7px; border: 1px solid #BBD5ff; background: none}
#about-pricing #feature-table th {width: 190px}
#about-pricing #feature-table th.logged-in {font-size: 15px}
#about-pricing #feature-table td em {color: #4d74d9; font-size: 120%; font-style: normal}
#about-pricing .matrix-upgrade-btn {margin: 0 auto; width: 140px}
#about-pricing p img {margin: 0 5px 0 0; padding: 0}
#about-pricing p.contact_us {text-align: center}
#about-pricing #feature-table td.sales-info {height: 20px; background-color: #EFF5FF}
#about-pricing .action-buttons {text-align: center}
#about-pricing .action-buttons .giant-action-btn {height: 44px}
#about-pricing a.btn {margin-top: 10px}
 #google-apps-confirm {text-align: center}
#google-apps-confirm h2 {line-height: 50px; text-align: left}
#google-apps-confirm h3 {font-size: 14px; line-height: 30px; text-align: left}
#google-apps-confirm .google-apps-signup-container {width: 45%; margin: 0 auto; text-align: left}
#google-apps-confirm img.org_logo {width: 125px}
#google-apps-confirm .login {border: 1px solid #80C65A; background: #DDF8CC; padding: 10px; text-align: left}
#google-apps-confirm .welcome {text-align: center}
#google-apps-confirm .welcome h4 {margin-top: -7px; margin-bottom: 7px; font-weight: bold}
#google-apps-confirm .login label {padding-right: 5px}
#google-apps-confirm .login .input {padding-bottom: 15px}
#google-apps-confirm .login .input span {font-weight: bold}
#google-apps-confirm .login input {width: auto !important}
#google-apps-confirm .login .help {margin: 5px 0 0 50px}
#google-apps-confirm img.google_logo {width: 75px}
#google-apps-confirm .send-email {margin: 40px auto 0 auto; width: 55%}
#google-apps-confirm .send-email p {margin-bottom: 5px}
 .sso-btn {margin: 0 !important; text-align: center}
#sso_sessions-new p, div#sso_sessions-show p {font-size: 110%}
 #about-product.content-wrapper {background: none; background-color: #fff}
#about-product .two-column .content {margin-left: 0; width: 72%}
#about-product .buttons {float: right; text-align: right; margin-right: 32px}
.tertiary-nav {float: left; width: 24%}
.tertiary-nav li {margin: 0; padding-right: 20px; width: 180px; line-height: 42px; border-bottom: 1px solid #ccc; font-weight: bold}
.tertiary-nav li:hover {background-color: #EDF4FF}
.tertiary-nav li.selected {background: #eee url(images/control_arrow_right.gif) no-repeat 6px center}
.tertiary-nav li.last {border: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px}
.tertiary-nav li.first {-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px}
.tertiary-nav li a {display: block; padding-left: 20px}
.tertiary-nav li.selected a {color: #333}
.secondary-nav .selected {border-bottom: none}
.content-wrapper .tabs {border-bottom: none; background: url(images/tab_bottom.gif) repeat-x 0px 100%}
.content-wrapper .tabs li{ margin-right: 5px}
#about-product .content.inactive {display: none}
#about-product .content p {margin-bottom: 5px}
#about-product .content p.title {font-weight: bold; font-size: 14px}
#about-product .screenshot {padding: 3px; margin: 0 auto 20px auto; border: 1px solid #ccc}
#about-security h3, #about-legal h3, #about-pricing h3 {line-height: 22px; margin-bottom: 10px}


/*-----------------------------------------------------------*/
/*loading*/
#status{position:absolute;bottom:25px;z-index:5000;width:350px;margin:0 -465px 0 0;right:50%;border-bottom:none;}
#status[id]{position:fixed !important;}
#status #loading{position:relative;border:1px solid #E52E0B;border-right:1px solid #AB2A13;border-bottom:1px solid #AB2A13;
           background:#CA2B0B url(images/loader.gif) no-repeat 8px center;-webkit-box-shadow:rgba(0,0,0,.40) 0px 1px 5px;
           -moz-box-shadow:rgba(0,0,0,.40) 0px 1px 5px ;-webkit-border-radius:15px;-moz-border-radius:15px;}
#statusText{text-align:left;padding:0 15px 0 35px;line-height:32px;color:#FFFFCC;}
.loading{display:block;line-height:20px;padding:3px 0 0 20px;font-weight:bold;color:#999;font-size:14px;background:url(images/loader2.gif) no-repeat 0px center;}

/*validation*/
label.error
{
	display: none;
	background: url(images/icons/unchecked.gif) no-repeat;
	padding-left: 16px;
	margin-left: .3em;
	color: red;
}

label.valid
{
	background: url(images/icons/checked.gif) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}
/*mvc validation*/
.field-validation-error
{
	background: url(images/icons/unchecked.gif) no-repeat;
	padding-left: 16px;
	margin-left: .3em;
	color: #ff0000;
	display: inline;
}

.field-validation-valid
{
	background: url(images/icons/checked.gif) no-repeat;
	width: 16px;
	height: 16px;
	display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/*form*/
/*
#container{
	background:#f5f5f5 repeat-y right;
	border:1px solid #f5f5f5;
	position:relative;
}
#container, #bottom, #footer{
	width:960px;
}*/
#stage{
	background:#fff url(images/sidebarbg1.png) repeat-y -620px 0;
	margin:0 5px 5px 5px;
	padding:2px 30px 20px 30px;
	border:1px solid #dedede;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
}
#main{
	float:right;
	margin:0 10px 0 0;
	padding-top:20px;
	width:641px;
	background:#fff;
} 
 
#main ol li{
	font-weight:bold;
}
#main ol li p{
	font-weight:normal;
}  
 
#main h1{
	font-size:200%;
	padding:30px 0 45px 0;
}
#main h2{
	text-align:center;
	font-size:180%;
	margin-top:25px;
	padding:60px 0 50px 0;
	border-top:1px dotted #ccc;
}
#main h3{
	font-weight:bold;
	font-size:140%;
	color:#222;
	border-bottom:1px dotted #dedede;
	padding:10px 0 3px 0;
	margin-bottom:.8em;
}
#main h4{
	font-size:110%;
	padding:5px 0 0 0;
	margin:0 0 10px;
}
#main em{
	font-style:normal;
	background-color:#FFFBCF;
}
#main p{
	font-size:100%;
	line-height:155%;
	margin:0 0 1em 0;
}
 
#main ul, #main ol{
	margin:0 0 1em 1em;
	padding:0 0 0 1em;
}
#main li{
	line-height:135%;
}
#main strong{
	color:#972410;
}
 
#main .promo{
	clear:both;
	margin-top:40px;
	background:#f5f5f5;
}
 
#main .notice{
	float:right;
	font-size:85%;
	width:120px;
	padding:15px;
	margin:0 0 15px 15px;
}
 
#main img{
	border:1px dotted #cbcbcb;
	background:#fff;
	padding:7px;
	margin:0 auto 1em auto;
	-webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
	-moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px ;
}
#main a.center{
	text-align:center;
	display:block;
	padding:5px 0;
}
#main a.center img{
	display:block;
	margin:0 auto;
}
#main a.left img, #main a.right img{
	display:inline;
	margin:0 0 1em 0;
}
#main a.right{
	float:right;
	margin:0 0 0 1em;
}
#main a.left{
	float:left;
	margin:0 1em 0 0;
}
 
#toc{
	float:left;
	padding:0 0 0 0;
	width:164px;
}
#toc .quickSearch{
	margin:10px 0 0 0;
}
#toc .search{
	text-align:left;
	width:145px;
} 
  
#toc h3{
	color:#222;
	padding:0 0 3px 0;
	margin:0 0 6px 0;
	font-weight:bold;
	font-size:110%;
	border-bottom:1px solid #ccc;
}
#toc h4{
	font-weight:normal;
	color:#000;
	margin:0 0 5px 10px;
	font-size:95%;
}
#toc ul{
	list-style:none;
	margin:0 0 10px 0;
}
* html #toc ul li{
	display:inline-block;
}
#toc ul li a{
	color:#1D599F;
	text-decoration:none;
	padding:3px 0 4px 15px;
	display:block;
	height:1%;
	font-size:95%;
}
 
#toc ul li a:hover{
	background-color:#1D599F;
	color:#fff;
	text-decoration:underline;
}
 
#toc ul.red li a, div ol.red li a{
	color:#9F331D;
}
#toc ul.green li a, div ol.green li a{
	color:#4D8F2C;
}
div ol.gray li a{
	color:#666;
}
 
#toc ul.red li a:hover{
	background-color:#9F331D;
	color:#fff;
}
#toc ul.green li a:hover{
	background-color:#4D8F2C;
	color:#fff;
}
#toc ul li a:active{
	background-color:blue !important;
}

 /*

 
div.toc ol, div.left ol, div.right ol{
	list-style:decimal outside;
}
div.toc ol li, div.left ol li, div.right ol li{
	padding:0 0 5px 0!important;
	margin:0 !important;
	font-weight:normal !important;
}
div.toc ol li a, div.left ol li a, div.right ol li a{
	line-height:150%;
	font-size:95%;
	text-decoration:none;
	color:#1D599F;
}
div.toc ol li a:hover, div.left ol li a:hover, div.right ol li a:hover{
	color:blue;
	text-decoration:underline;
}
.gq, .fe, .tl, .ba, .dr, .pi{
	display:none;
}
.general .gq, .formage .fe, .themes .tl, .billing .ba, .data .dr, .payment .pi{
	display:block;
}
.support select{
	font-size:120%;
}
.helpwith{
	margin-bottom:20px;
}
.helpwith p{
	font-size:120% !important;
	margin-bottom:5px !important;
}
.support ul{
	margin-bottom:20px !important;
}
.support li{
	margin:0 0 5px 0;
	font-size:110%;
}
.new{
	margin-bottom:30px !important;
}

blockquote, pre{
	background-color:#f5f5f5;
	border:1px solid #dedede;
	margin:1.2em 0 1.2em 1em;
	width:520px;
	overflow:auto;
}
blockquote{
	padding:1em 1em .2em 1em;
}
pre{
	padding:1em 1.6em 1em 1em;
}
p code{
	font-size:120%;
}
pre code{
	font-size:100%;
}
* html pre{
	padding-bottom:2em;
	overflow:hidden;
	overflow-x:auto;
}
 
 
table{
	border:none;
	margin:1.2em;
	border: 1px solid #bbb;
}
td{
	padding:.3em .5em;
	border-right: 1px solid #dedede;
}
thead td{
	padding-right: 1em;
	font-weight: bold;
	background-color: #f5f5f5;
}
tbody td{
	border-top:1px solid #ccc;
}
 
#elsewhere select{
	width:500px;
}
 */